<!-- 参考官方文档 -->
<template>
    <view class="">
        <button @click="showToast">弹出</button>
        <button @click="hideToast">隐藏</button>
    </view>
</template>

<script lang="ts" setup>
    function showToast() {
        //弹出弹窗
        uni.showToast({
            //标题
            title: "成功",
            //显示图标，success(成功，标题最多7个汉字)，error(错误，标题最多7个汉字)，none(无图标，标题最多可显示两行)
            icon: "success",
            //自定义图标
            image: "../../../static/image/tabBar/成功.png",
            //显示时间，单位毫秒
            duration: 3000
        });
    };
    function hideToast() {
        //隐藏弹窗
        uni.hideToast();
    };
</script>

<style lang="scss" scoped>

</style>